/* HTML-CONTAINER */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
*, *:before, *:after {
box-sizing: inherit; /*padding и border вычитать из ширины и длины блока, т.е. div останется с фиксированными параметрами*/
margin: 0; /*Из normalize.css. Без переопределения margin к body появляется полоса прокрутки в firefox*/
padding: 0; /*Из normalize.css. Без переопределения margin к body появляется полоса прокрутки в firefox*/
/*! filter: invert(0.9) hue-rotate(180deg); */
}
*::selection { /*Выделение текста мышью - чёрным*/
color: #fff; /*Цвет выделяемого текста*/
background-color: #000; /*Цвет выделения*/
}
html{ box-sizing: border-box; /*padding и border вычитать из ширины и длины блока, т.е. div останется с фиксированными параметрами*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
height: 100%; /*Параметр для работы "прижатого" футера*/
/* font-size: 62.5%; */ /*Теперь 1rem равняется 10 пикселям (если шрифт браузера - 16 пикселей. 16px = 100%, 10px = 62.5%).*/
}
@media (min-width: 1921px){
html{
/* font-size: 1.6rem; */
}
}
@font-face { /* Подгрузка шрифта кнопок, заголовков, футера. Без подгрузки не отображается в мобильных браузерах*/
font-family: "Trebuchet MS" font-weight: bold; font-display: auto; src: url() format('ttf');
}
@font-face { /* Подгрузка шрифта статей. Без подгрузки не отображается в мобильных браузерах*/
font-family: Helvetica; font-weight: 2; font-display: auto; src: url() format('otf');
}
body{
display: flex; /*Параметр для работы "прижатого" футера*/
flex-direction: column; /*Параметр для работы "прижатого" футера*/
background: #FFFBF0; /*Бежевый цвет фона всей страницы*/
font-family: "Trebuchet MS", Helvetica, sans-serif; /*Стиль шрифта на всей странице*/
font-weight: bold; /*Жирный шрифт для всей страницы. Затрагивает текст кнопок и заголовков, т.к. у текста статей жирность прописана другая.*/
min-height: 100%; /*Параметр для работы "прижатого" футера ( c height: 100% некорректно работает firefox 27*/
/* margin: 0 2% 0 2%; */ /*Отступы слева и справа от экрана*/
}
@media screen and (prefers-color-scheme: dark) {
body {
background: black;
color: white;
}
}
header{
/* flex: 0 0 auto; */ /*Параметр для работы "прижатого" футера*/
}
main{
flex: 1 0 auto; /*Параметр для работы "прижатого" футера*/
display: block; /*Из normalize.css*/
margin: 0 2% 0 2%;
}
p{
font-size: 1.1rem; /*Размер всего текста на сайте*/
word-break: break-word; /*Перенос всего текста на сайте*/
}
td{
border: 1px solid black; /*Рамки ячеек на сайте*/
padding: 0.5rem; /*Размер ячеек на сайте*/
}
footer {
padding: 2rem 0; /*Верхний и нижний отступы у футера*/
text-align: center; /*Футер по центру экрана*/
margin: 0 2% 0 2%;
}
a{
text-decoration: none; /*Отключение подчёркивания ссылок на сайте*/
}
/* LOGO-CONTAINER */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.logo-container{ /*Контейнер для баннера*/
display: flex; /*Без флекса не работает*/
position: relative;
margin: 0.2vw 0 0.1vw 0; /*Обеспечивает сдвиг для перекрытия картинки с танком*/
height: 6vw; /*Высота всего контейнера*/
width: 100%; /*с vw не работает*/
overflow: hidden;
}
.smoke{
bottom: -2%;
position: absolute;
height: 150%;
animation: smoke-ani 1600s forwards ease-out;
transition: 1.2s; /*Время анимации*/
}
@keyframes smoke-ani{0%{
left: -580%;
}
100%{
left: -4%;
}}
.tank-container{
position: relative;
left: 2vw;
transition: 1.5s;
animation: tank-ani 4s forwards 0.6s ease;
opacity: 0;
}
@keyframes tank-ani{0%{
opacity: -1;
margin-left: 4%;
}
100%{
opacity: 1;
margin-left: -0.4%;
}}
.tank{
position: absolute;
height: 6vw;
width: 8vw;
}
.flag{
position: absolute;
left: 4.95vw;
height: 6vw;
transition: 1.2s;
animation: flag 8s forwards 0.6s ease-in-out infinite alternate, flag2 1s forwards 0.6s ease-in-out infinite alternate;
opacity: 1;
}
@keyframes flag{0%{
/* filter: brightness(100%);
*/ width: 1.2vw;
}
100%{
/* filter: brightness(100%); */
width: 0.7vw;
}}
@keyframes flag2{0%{
padding-right: 0.1vw;
}
100%{
padding-right: 0vw;
}}
.bg-container{ /*Контейнер для картинки с надписью Национально-Освободительное Движение Иркутск*/
position: absolute;
right: 2.3vw;
bottom: 14%;
transition: 1.5s; /*Время анимации*/
scale: 1;
}
.bg{ /*Контейнер для картинки с надписью Национально-Освободительное Движение Иркутск*/
animation: bg-ani 1s both 0.6s ease; /*both до начала анимации к элементу применяется первый ключевой кадр, а после элемент останется в состоянии последнего ключевого кадра*/
}
@keyframes bg-ani{0%{
width: 96vw;
filter: drop-shadow(0.08rem 0.24rem 0.16rem #000000) saturate(190%) blur(10px) opacity(0);
}
100%{
width: 89vw;
filter: drop-shadow(0.08rem 0.24rem 0.16rem #000000) saturate(80%) blur(0px) opacity(1);
}}
@media (hover: hover) and (pointer: fine){
.logo-container:hover .tank-container{ /*Танк при наведении*/
margin-left: 40.6%; /*Танк сдвигается вправо*/
filter: drop-shadow(0px 0px 2px #000000) blur(3px) brightness(0%) opacity(0);
transition-delay: 3s;
}
.logo-container:hover .smoke{ /*Танк при наведении*/
opacity: 0;
transition-delay: 3.6s;
}
.logo-container:hover .bg-container{ /*Надпись при наведении*/
right: 5.1vw;
scale: 1.06;
filter: drop-shadow(0rem 0rem 0.6rem #ff8454) saturate(120%);
transition-delay: 3s;
}
}
@media screen and (prefers-color-scheme: dark){
.flag{
filter: brightness(70%); /*Исходное положение эффектов*/
}
.tank{
filter: brightness(70%); /*Исходное положение эффектов*/
}
.smoke{
filter: brightness(00%); /*Исходное положение эффектов*/
}
.bg-container{
filter: drop-shadow(0rem 0rem 1rem #ff8454b3); /*Исходное положение эффектов*/
}
}
@media (max-width: 76rem){ /*Поведение надписи на средних экранах */
.logo-container{ /*Контейнер для баннера*/
height: 9vw; /*Высота всего контейнера*/
}
.bg-container{ /*Контейнер для картинки с надписью Национально-Освободительное Движение Иркутск*/
right: 0.5vw;
bottom: 15%;
}
@keyframes bg-ani{0%{
width: 96vw;
filter: drop-shadow(0.08rem 0.24rem 0.16rem #000000) saturate(190%) blur(10px) opacity(0);
}
100%{
width: 88vw;
filter: drop-shadow(0.08rem 0.24rem 0.16rem #000000) saturate(80%) blur(0px) opacity(1);
}}
.tank{
margin-left: 3%; /*Обеспечивает сдвиг для перекрытия картинки с танком*/
height: 9vw;
width: 12vw;
}
.flag{
left: 7.5vw;
height: 9vw;
}
@keyframes flag{0%{
/* filter: brightness(100%);
*/ width: 2vw;
}
100%{
/* filter: brightness(100%); */
width: 0.8vw;
}}
@media (hover: hover) and (pointer: fine) {
.logo-container:hover .bg-container{ /*Надпись при наведении на средних экранах */
right: 5vw;
scale: 1.08;
filter: drop-shadow(0rem 0rem 0.2rem #ff8454) saturate(120%);
}
}
}
@media (max-width: 40rem){ /*Поведение надписи на малых экранах */
.logo-container{ /*Контейнер для баннера*/
height: 16vw; /*Высота всего контейнера*/
}
.smoke{
bottom: -4%;
}
.flag{
display: none;
}
.bg-container{ /*Контейнер для картинки с надписью Национально-Освободительное Движение Иркутск*/
right: 3vw;
bottom: 12%;
}
@keyframes bg-ani{0%{
width: 96vw;
filter: drop-shadow(0.08rem 0.24rem 0.16rem #000000) saturate(190%) blur(10px) opacity(0);
}
100%{
width: 77vw;
filter: drop-shadow(0.08rem 0.24rem 0.16rem #000000) saturate(80%) blur(0px) opacity(1);
}}
.tank{
margin-left: 3%; /*Обеспечивает сдвиг для перекрытия картинки с танком*/
height: 16vw;
width: 20vw;
}
@media (hover: hover) and (pointer: fine) {
.logo-container:hover .bg-container{ /*Надпись при наведении на средних экранах */
right: 9.5vw;
scale: 1.2;
filter: drop-shadow(0rem 0rem 0.1rem #ff8454) saturate(120%);
}
}
}
@media (min-width: 1921px){
.bg{
filter: drop-shadow(0.08rem 0.24rem 0.26rem #000000) saturate(80%); /*Исходное положение эффектов*/
}
.bg-container{ /*Контейнер для картинки с надписью Национально-Освободительное Движение Иркутск*/
right: 2.1vw;
bottom: 4%;
}
@keyframes bg-ani{0%{
width: 96vw;
filter: drop-shadow(0.08rem 0.24rem 0.36rem #000000) saturate(190%) blur(10px) opacity(0);
}
100%{
width: 90vw;
filter: drop-shadow(0.08rem 0.24rem 0.36rem #000000) saturate(80%) blur(0px) opacity(1);
}}
@media screen and (prefers-color-scheme: dark){
.bg-container{
filter: drop-shadow(0rem 0rem 2rem #ff8454b3); /*Исходное положение эффектов*/
}
}
@media (hover: hover) and (pointer: fine) {
.logo-container:hover .bg-container{ /*Надпись при наведении на средних экранах */
filter: drop-shadow(0rem 0rem 1rem #ff8454b3); /*Исходное положение эффектов*/
}
}
}
/* MENU-CONTAINER */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.menu-container{ /*Контейнер для кнопок меню разделов сайта*/
display: flex; /*Flex-контейнер */
flex-wrap: wrap; /*Flex-контейнер */
margin: 0 2% 0 2%;
padding: 0 0.25rem 0.35rem 0.25rem; /*Боковые отступы между кнопками меню. Сверху справа снизу слева.*/
/* padding: 0 0.25rem 0.5rem 0.25rem; */ /*Боковые отступы между кнопками меню. Сверху справа снизу слева.*/
/*! margin: 0 0.25em; */ /*Отступы боковые от меню на больших экранах. сверху справа снизу слева.*/
/* align-items: center; */ /*Элементы располагаются по центру ячеек вдоль колоночной оси и в с начала вдоль строчной оси*/
/* justify-content: space-between; */ /*Кнопки равномерно распределены по линии*/
/* max-width: 100%; */ /*Ширина контейнера кнопок меню по ширине родителя*/
}
/* @supports (gap: 0.5rem){ /*Если поддерживается GAP - толщина боковых gap на больших экранах*/
/* .menu-container{gap: 0 0.5rem;} */
/* } */
.menu-container a{ /*Ссылки кнопок меню разделов сайта*/
display: flex; /*Для блокового отображения */
flex: 1; /*Элемент может растягиваться, занимая доступное пространство*/
text-align: center; /*Для центровки текста*/
justify-content: center; /*То что не по всей ширине - по центру окна*/
align-items: center; /*Элементы располагаются по центру ячеек вдоль колоночной оси и в с начала вдоль строчной оси*/
padding: 0.25em 1.5em; /*Отступы от текста до границ кнопки*/
margin: 0 0.25rem 0.5rem 0.25rem; /*Боковые отступы между кнопками меню. Сверху справа снизу слева.*/
color: #000000; /*Цвет текста*/
background: #ffc67e; /*Цвет ячеек*/
border: 1px solid black; /*Рамка ячейки*/
border-radius: 4px; /*Радиус закругления рамки*/
box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5); /*Внутренняя тень*/
filter: drop-shadow(0px 0px 3px #000000); /*Внешняя тень*/
transition: 0.2s; /*Скорость анимации при наведении */
/* max-height: 100%; */
/* height: 3.1em; */
}
@media screen and (prefers-color-scheme: dark) {
.menu-container a {
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
filter: drop-shadow(0px 0px 3px #fff); /*Внешняя тень*/
}
}
/* @supports (gap: 1rem){ */
/* .menu-container a{margin: 0;} /*GAP-заглушка. Если поддерживается GAP - обнуление отступов margin между кнопками меню. gap срабатывает в родителе .menu-container*/
/* } */
@media (max-width: 40rem){
.menu-container a{
margin: 0.25rem 0.25rem 0.25rem 0.25rem; /*Отступы между кнопками меню на малом экране (кнопки в режиме колонки). сверху справа снизу слева.*/
font-size: 0.9em;
}
.menu-container{
flex-direction: column;
padding: 0 0 0.8rem 0; /*Отступы боковые от меню на больших экранах. сверху справа снизу слева.*/
}
}
@media (min-width: 1921px){ /*Размер шрифта на 4к. сверху справа снизу слева.*/
.menu-container a{
font-size: 2rem;
}
}
@media (hover: hover) and (pointer: fine){
.menu-container a:hover{
color: #575757;
box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
background: #ffffff; /*Цвет кнопок меню при наведении БЕЛЫЙ*/
filter: drop-shadow(0px 0px 10px #ffffff); /*Внешняя тень подложки для Медиа*/
transition: 0.1s; /*Скорость анимации при наведении */
}
}
/* BUTTON */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.button, .button-ourres{ /*Текст универсальных кнопок и кнопок с нашими ресурсами*/
display: flex; /*Без флекса симметрично не встают */
flex: 1; /* Flex-контейнер*/
margin: 0 0 0.6rem 0; /*Отступы внешние. сверху справа снизу слева */
padding: 0.8em 0.5em; /*Отступы внутренние. сверху справа снизу слева*/
text-align: center; /*Для центровки текста*/
justify-content: center; /*То что не по всей ширине - по центру окна*/
align-items: center; /*Элементы располагаются по центру ячеек вдоль колоночной оси и с начала вдоль строчной оси*/
color: #000; /*Цвет текста кнопки*/
background: #fffefb; /*Цвет кнопки*/
border: 1px solid #000000; /*Рамка кнопки*/
border-radius: 4px; /*Радиус закругления у кнопки*/
box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); /*Внутренняя тень кнопки*/
filter: drop-shadow(0px 0px 3px #000000); /* Внешняя тень кнопки*/
transition: 0.3s; /*Время анимации*/
}
@media screen and (prefers-color-scheme: dark) {
.button, .button-ourres {
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
filter: drop-shadow(0px 0px 3px #fff); /*Внешняя тень*/
}
}
.button{ /*Текст универсальных кнопок*/
padding: 0.8em 3em; /*Отступы внутренние. сверху справа снизу слева*/
}
.button-ourres{ /*Текст кнопок с нашими ресурсами*/
font-size: 0.93em; /* Размер шрифта */
min-width: 18em;
}
@media (hover: hover) and (pointer: fine){
.button:hover, .button-ourres:hover{ /*Как ведут себя универсальные кнопки и кнопки с нашими ресурсами при наведении */
box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.5); /*Внутренняя тень при наведении*/
filter: drop-shadow(0px 0px 1px #000000); /*Внешняя тень при наведении*/
}
}
.button-ourres:hover{ /* Кнопки с нашими ресурсами при наведении */
/* background: #ca0000; */
/* color: #fff; */ /*Цвет текста кнопки*/
}
.button::after {
counter-increment: numbers;
content: counter(numbers);
display: flex; /*Для блокового отображения */
align-items: center; /*Элементы располагаются по центру ячеек вдоль колоночной оси и в с начала вдоль строчной оси*/
position: absolute;
top: 50%;
bottom: 50%;
left: 4%;
/* content: "🐧"; */
}
@media (max-width: 22rem){ /*Для отбражения на самых малых экранах*/
.button, .button-ourres{
min-width: auto;
padding: 0.5em 2em;
font-size: 0.9em;
}
}
@media (min-width: 1921px){
.button, .button-ourres{font-size: 2rem;} /*Размер шрифта на 4к. сверху справа снизу слева.*/
}
/* SECTION-TITLE */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.section-title{ /*"""""""""""""""""""""ШАПКА разделов""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""""*/
margin: 0.5rem 5vw 1.8rem 5vw; /*Отступ от кнопок меню до заголовка h1 шапки раздела, отступ от описания раздела до .body-container. Сверху справа снизу слева*/
text-align: center; /*Для центровки текста описания раздела*/
}
.section-title h1{ /*Заголовок в шапке раздела*/
margin: 0 0 1rem 0; /*Сверху справа снизу слева*/
}
.section-title p{ /*Описание раздела в шапке раздела*/
margin: 0 0 2rem 0; /*Сверху справа снизу слева*/
}
@media (max-width: 40rem){
.section-title{
font-size: 0.9em; /*Малым экранам - маленький заголовок*/
margin: 0.5rem 5vw 1.8rem 5vw; /*Отступ от кнопок меню до заголовка h1 шапки раздела, отступ от описания раздела до .body-container. Сверху справа снизу слева*/
}
.section-title h1{
font-size: 1.8em; /*Малым экранам - маленький заголовок*/
}
}
/* BODY-CONTAINER */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.body-container{ /*"""""""""""""""""""""КОНТЕЙНЕР для ТЕЛА страницы (article, column, column-actual, column-recom, column-ourres лежат в .body-container)*/
justify-content: center; /*То что не по всей ширине - по центру окна*/
display: flex; /*Flex-контейнер*/
flex-wrap: wrap; /*Перенос article, column, column-actual, column-recom, column-ourres*/
text-align: center; /*Для центровки текста описания раздела*/
/*! align-items: stretch; */ /*Элементы располагаются по центру ячеек вдоль колоночной оси и в с начала вдоль строчной оси*/
/*! margin: 0.5rem; */ /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
}
/* @supports (gap: 1rem){ */
/* .body-container{gap: 0rem 1rem;} /*Толщина разделяющих линий между элементами body-container (только между колонок). Если GAP не поддерживается, будут работать marginы каждой отдельно-взятой колонки. ряды, колоноки*/
/* } */
@media (max-width: 46rem){ /*Меню выстраивается в колонку на малых экранах */
/* .body-container{flex-direction: column;} */
}
/* GRID */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.grid, .grid-modern{ /*"""""""""""""""""""""""""""КОНТЕЙНЕР Grid для ЯЧЕЕК (разделы: агитки, видео, пикеты), КОНТЕЙНЕР Grid-modern для ЯЧЕЕК (раздел Медиа)""""""""""""""""""""""""""*/
display: flex; /*Flex-контейнер*/
flex-wrap: wrap; /*Перенос ячеек*/
justify-content: center; /*То что не по всей ширине - по центру окна*/
}
.grid a, .grid-modern a{ /*ЯЧЕЙКИ для галерей*/
flex: 1 1 calc(100% / 7); /*Ячейки */
min-width: 17em;
margin: 0rem 0.5rem 1rem 0.5rem; /*Отступы между ячейками, если не поддерживается GAP*/
background: #fffefb; /*Цвет ячеек*/
border: 1px solid black; /*Рамка ячейки*/
border-radius: 6px; /*Радиус закругления рамки*/
transition: 0.3s; /*Скорость обратной анимации*/
box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.2); /*Внутренняя тень подложки для Медиа*/
max-width: 50vw; /*Ограничитель, чтобы нижняя ячейка не растягивалась на весь экран*/
max-height: 100%;
filter: drop-shadow(0px 0px 3px #000000); /*Внешняя тень подложки для Медиа*/
}
.grid-modern a{ /*ЯЧЕЙКИ для Медиа*/
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5); /*Тень подложки для Медиа*/
flex: 0 1 calc(100% / 7); /*Ячейкам запрещается растягиваться*/
filter: drop-shadow(0px 0px 3px #000000); /*Внешняя тень подложки для Медиа*/
}
@media screen and (prefers-color-scheme: dark) {
.grid a, .grid-modern a{
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
filter: drop-shadow(0px 0px 3px #ffffff); /*Внешняя тень подложки для Медиа*/
}
}
@media screen and (prefers-color-scheme: dark) {
.grid-modern a{
border: 0px solid #eaeaea; /*Рамка ячейки*/
}
}
.img-block img{ /* Картинка внутри предназначенного для неё блока внутри ячейки */
position: absolute; /* Чтобы не прыгало */
top: 0; /* Выравнено по центру */
left: 0;
width: 100%; /* Блок с картинкой по всей ширине ячейки */
height: 75%; /* Блок с картинкой не занимает всю высоту ячейки, оставляет немного места для заголовка */
object-fit: contain;
padding: 5% 5% 0 5%; /*Сверху справа снизу слева. Отступы от границ контейнера до картинки*/
transition: 0.3s; /*Скорость анимации*/
filter: drop-shadow(0px 0px 2px #000000); /* Внешняя тень */
}
.grid-modern .img-block img{ /* Поведение блока с картинкой внутри .Grid-modern (в разделе Медиа) */
border-radius: 6px 6px 0 0; /*Радиус закругления рамки*/
padding: 0 0 0 0%; /*Отступы от картинки до границ контейнера. Сверху справа снизу слева*/
filter: drop-shadow(0px 0px 2px #000000);
}
@media screen and (prefers-color-scheme: dark) {
.grid-modern .img-block img{
border: 1px solid #eaeaea; /*Рамка ячейки*/
}
}
.grid .img-block{ /*Поведение блока с картинкой внутри .Grid (разделы: Агитматериалы, видео, пикеты)*/
padding-top: 80%; /*Хак для сохранение пропорции. Верхний отступ от картинки до края контейнера.*/
}
.grid-modern .img-block{
padding-top: 75%; /*Хак для сохранение пропорции (раздел Медиа). Верхний отступ от картинки до края контейнера.*/
}
@media screen and (prefers-color-scheme: dark) {
.grid-modern .img-block{
filter: drop-shadow(0px 0px 3px #ffffff); /*Внешняя тень подложки для Медиа*/
}
}
.grid h4, .grid-modern h4{ /*Заголовки внутри ячеек в Gridе, и Grid-modern*/
text-align: center; /*Выравнивание заголовка по горизонтальной оси */
justify-content: center; /*То что не по всей ширине - по центру окна*/
align-items: center; /*Элементы располагаются по центру ячеек вдоль колоночной оси и в с начала вдоль строчной оси*/
position: absolute; /*Чтобы не прыгало*/
bottom: 0; /*Выравнено по низу*/
left: 0; /*Выравнено по левому краю*/
padding: 0 5% 0 5%; /*Сверху справа снизу слева. Отступы от заголовка до краёв ячейки*/
display: flex; /*Для симметрии*/
width: 100%; /*Заголовок по всей ширине ячейки*/
height: 25%; /*Заголовок занимает 25 процентов от высоты ячейки*/
color: #434343; /*Цвет текста*/
transition: 0.8s; /*Скорость анимации*/
filter: drop-shadow(0px 0px 1px #d0d0d0); /*Внешняя тень*/
}
@media screen and (prefers-color-scheme: dark) {
.grid h4, .grid-modern h4{
color: #f2f2f2;
}
}
@media (hover: hover) and (pointer: fine) {
.grid a:hover img{ /*Картинка внутри ячейки при наведении. Относится к Grid*/
filter: drop-shadow(0px 0px 1px #000000);
transition: 0.4s;}
.grid a:hover{ /*Параметры внешней и внутренней тени при наведении для ячейки. Относится к Grid */
box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
filter: drop-shadow(0px 0px 1px #000000);
transition: 0.4s;}
.grid a:hover h4{ /*Цвет букв в названии*/
transition: 0.4s; color: #000000;
filter: drop-shadow(0px 0px 0px #a4a4a4)}
.grid-modern a:hover img{ /*Картинка внутри ячейки при наведении. Относится к Grid-modern*/
filter: drop-shadow(0px 0px 4px #000000);
transition: 0.4s;}
.grid-modern a:hover{ /*Параметры внешней и внутренней тени при наведении для ячейки. Относится к Grid-modern */
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
filter: drop-shadow(0px 0px 1px #000000);
transition: 0.4s;}
.grid-modern a:hover h4{ /*Цвет букв в названии*/
transition: 0.4s; color: #000000;
filter: drop-shadow(0px 0px 0px #a4a4a4)}
}
@media (max-width: 40em){ /*Блоки во всю ширину экрана и высотой не на малом экране. сверху справа снизу слева.*/
.grid a, .grid-modern a{
font-size: 6vw; /*Малым экранам - заголовок зависит от ширины экрана*/
min-width: 10em;
max-width:100%;
flex: 1 1 100%;
margin: 0rem 0.25rem 1rem 0.25rem; /*Отступы между ячейками, если не поддерживается GAP*/
}
}
/* CELL-IFRAME */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.cell-iframe{ /*ЯЧЕЙКИ для видеогалереи*/
box-shadow: 0px 0px 0.5rem black; /*Тень от ячейки*/
border-radius: 4px; /*Радиус закругления рамки*/
margin: 0rem 0.5rem 1rem 0.5rem ;
}
.cell-iframe iframe{ /*Параметры фрейма с видео внутри ячейки cell-iframe*/
min-height: 100%; /*Минимальная высота фрейма*/
border: 1px solid #000000; /*Рамка кнопки*/
border-radius: 4px; /*Радиус закругления рамки*/
}
@media (max-width: 40rem){
.cell-iframe{
width: 100%;
margin: 0rem 0.25rem 1rem 0.25rem; /*Отступы между ячейками, если не поддерживается GAP*/
}
.cell-iframe iframe{
min-width: 100%; /* На малом экране ширина 100% */
height: 50vw; /*Мы не могли иначе*/
/* aspect-ratio: 16 / 9; */
}
}
/* COLUMN */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.column{ /*УНИВЕРСАЛЬНАЯ КОЛОНКА. Разделы: справка, инфобез, фильмы*/
flex: 1; /* Для симметрии */
/* align-items: stretch; */ /*Элементы располагаются по центру ячеек вдоль колоночной оси и в с начала вдоль строчной оси*/
counter-reset: numbers;
padding: 0 3vw 2rem 3vw; /*Отступы от содержимого колонки до границ колонки. сверху справа снизу слева.*/
/* margin: 0 0.5rem 0 0.5rem; */ /*Боковые отступы у колонок, если не поддерживается GAP. сверху справа снизу слева.*/
margin: 0rem 0.5rem 1rem 0.5rem; /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
min-width: 26rem; /* Минимальная ширина, чтобы колонка сильно не ужималась */
border-radius: 4px; /* Скругление углов колонки*/
transition: background 1s; /* Время возврата для hoverа */
border: 1px solid #000000; /*Рамка кнопки*/
box-shadow: 0px 0px 10px black; /* Тень от колонки */
filter: drop-shadow(0px 0px 7px #fff); /*Внешняя тень*/
}
@media screen and (prefers-color-scheme: dark) {
.column{
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
}
}
/* @supports (gap: 1rem){ /*У универсальной колонки (Column) появляются Marginы слева, справа и снизу, если Gap в родительском Body-container не поддерживается. Иначе колонки будут слипаться */
/* .column{ */
/* margin: 0.5rem 0 0.5rem 0; /*Боковые отступы у колонок обнуляются, если поддерживается GAP. Сверху справа снизу слева.*/
/* } */
/* } */
@media (hover: hover) and (pointer: fine) {
.column:hover{ /* Цвет универсальной колонки при наведении */
color: #000000;
background: #fceed5;
}
}
.column h2{ /*Параметры заголовка в универсальной колонке */
margin-bottom: 1.5rem; /* Отступы слева и справа от заголовка в универсальной колонке */
margin-top: 1.5rem;
}
@media (max-width: 32rem){ /*Для отбражения универсальной колонки на самых малых экранах*/
.column{
margin: 0rem 0.25rem 1rem 0.25rem; /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
padding: 0 3vw 2rem 3vw; /*Отступы от содержимого колонки до границ колонки. сверху справа снизу слева.*/
min-width: 90%; /* Чтобы была по всей ширине окна */
}
}
/* COLUMN-ACTUAL */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.column-actual{ /*колонка "АКТУАЛЬНОЕ" на главной странице*/
flex: 2; /* Для симметрии */
transition: background 1s; /* Время возврата для hoverа */
padding: 0 3vw 2em 3vw; /*Отступы от содержимого колонки до границ колонки. сверху справа снизу слева.*/
border: 1px solid #000000; /*Рамка кнопки*/
border-radius: 4px; /* Скругление углов колонки*/
box-shadow: 0px 0px 7px black; /* Тень от новостной колонки */
margin: 0rem 0.5rem 1rem 0.5rem; /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
/*! margin: 0 0.5rem 0 0.5rem; */ /*Боковые отступы у колонок, если не поддерживается GAP. сверху справа снизу слева.*/
/* height: 77vh; */ /*здесь нужно пересчитать увязав высоту с остальными блоками (баннер, меню и футер)*/
/* min-width: 34rem; */
}
@media screen and (prefers-color-scheme: dark) {
.column-actual{
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
}
}
/* @supports (gap: 1rem){ /* У новостной колонки (column-actual) появляются Marginы слева, справа если Gap в родительском Body-container не поддерживается. Иначе колонки будут слипаться */
/* .column-actual{ */
/* margin: 0.5rem 0 0.5rem 0; } /*Боковые отступы у колонок обнуляются, если поддерживается GAP. Сверху справа снизу слева.*/
/* } */
@media (hover: hover) and (pointer: fine) {
.column-actual:hover{ /* Цвет новостной колонки при наведении */
background: #fceed5;
}
}
.column-actual h2{ /*Параметры заголовка в новостной колонке */
margin-bottom: 1.5rem; /* Отступы слева и справа от заголовка в новостной колонке */
margin-top: 1.5rem;
}
@media (max-width: 40rem){ /*Для отбражения на самых малых экранах*/
.column-actual{
margin: 0.5rem 0.25em; /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
/* min-width: auto; */
}
}
@media (min-width: 1921px){
.column-actual{font-size: 2rem;} /*Отступы между кнопками меню на малом экране (кнопки в режиме колонки). сверху справа снизу слева.*/
.column-actual p{font-size: 2rem;} /*Отступы между кнопками меню на малом экране (кнопки в режиме колонки). сверху справа снизу слева.*/
}
/* COLUMN-OURRES */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.column-ourres{ /*колонка "НАШИ РЕСУРСЫ" Не должна отличаться от остальных колонок*/
flex: 1;
flex-direction: column;
justify-content: flex-start; /*То что не по всей ширине - по центру окна*/
border: 1px solid #000000; /*Рамка кнопки*/
border-radius: 4px;
box-shadow: 0px 0px 7px black; /* Тень от новостной колонки */
padding: 0 3vw 2rem 3vw; /*Отступы от содержимого колонки до границ колонки. сверху справа снизу слева.*/
margin: 0rem 0.5rem 1rem 0.5rem; /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
background: #fceed5;
transition: background 1s;
/* display: flex; */ /* Для симметрии */
/* position: relative; */
/* max-width: 20vw; */
/* align-items: stretch; */ /*Элементы располагаются по центру ячеек вдоль колоночной оси и в с начала вдоль строчной оси*/
/*! filter: drop-shadow(0px 0px 7px #fff); */ /*Внешняя тень*/
}
@media screen and (prefers-color-scheme: dark) {
.column-ourres{
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
filter: drop-shadow(0px 0px 3px #fff); /*Внешняя тень*/
}
}
/* @supports (gap: 1rem){ /*Если поддерживается GAP */
/* .column-ourres{ */
/* margin: 0.5rem 0 0.5rem 0; /*Боковые отступы у колонок обнуляются, если поддерживается GAP. Сверху справа снизу слева.*/
/* } */
/* } */
@media (max-width: 76rem){ /* Убирает персиковую заливку на малых экранах */
.column-ourres{
background: none;
}
}
@media (max-width: 40rem){ /*Для отбражения на самых малых экранах*/
.column-ourres{
margin: 0.5rem 0.25rem; /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
/* flex: 1 1; */
}
}
.column-ourres h2{ /* параметры менее больших заголовков на сайте */
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
@media (min-width: 1921px){
.column-ourres{font-size: 2em;} /*Отступы между кнопками меню на малом экране (кнопки в режиме колонки). сверху справа снизу слева.*/
}
/*
@media (max-width: 720px){
.column-ourres{
max-width: none; костыль для малых экранов
}
} */
/* COLUMN-RECOM */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.column-recom{ /*колонка "РЕКОМЕНДУЕМ" Не должна отличаться от остальных колонок*/
flex: 2;
min-width: 20rem;
position: relative;
padding: 0 3vw 2rem 3vw; /*Отступы от содержимого колонки до границ колонки. сверху справа снизу слева.*/
margin: 0rem 0.5rem 1rem 0.5rem; /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
border: 1px solid #000000; /*Рамка кнопки*/
border-radius: 4px;
box-shadow: 0px 0px 7px black; /* Тень от новостной колонки */
transition: background 1s;
/*! margin: 0.5rem; */ /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
}
@media screen and (prefers-color-scheme: dark) {
.column-recom{
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
}
}
/* @supports (gap: 1rem){ /*Если поддерживается GAP */
/* .column-recom{ */
/* margin: 0.5rem 0 0.5rem 0; /*Боковые отступы у колонок обнуляются, если поддерживается GAP. Сверху справа снизу слева.*/
/* } */
/* } */
.column-recom p{
margin: 0 0 3rem 0; /*Сверху справа снизу слева*/
}
@media (hover: hover) and (pointer: fine){
.column-recom:hover{
color: #000000;
background: #fceed5;
}
}
.column-recom img { /* параметры картинок */
margin: 2em 20%;
width: 60%;
filter: drop-shadow(0px 0px 8px #000000);
border-radius: 6px; /*Радиус закругления у кнопки*/
}
@media screen and (prefers-color-scheme: dark) {
.column-recom img {
filter: drop-shadow(0px 0px 4px #ffffff);
}
}
.column-recom h2{ /* параметры менее больших заголовков на сайте */
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
@media (max-width: 40rem){ /*Для отбражения на самых малых экранах*/
.column-recom{
margin: 0.5rem 0.25rem; /*Отступ снизу от меню на больших экранах. сверху справа снизу слева.*/
width: 80%;
}
.column-recom img{
margin: 2em 10%;
width: 80%;
}
.column-recom p{
margin: 0rem 1rem 3rem 1rem; /*Сверху справа снизу слева*/
}
}
@media (max-width: 22rem){
.column-recom{
min-width: auto; /*Для отбражения на самых малых экранах*/
}
.column-recom p{
font-size: 0.93em;
margin: 0 0.25rem; /*сверху справа снизу слева.*/
}
}
@media (min-width: 1921px){
.column-recom{
font-size: 2rem;
}
.column-recom p{
font-size: 2rem;
}
}
/* CELL-ACTUAL */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.cell-actual{ /*мультимедийные кнопки сайта (кроме кнопок меню). позволяют создавать кнопки со смешанным содержимым*/
min-width: 26rem;
margin: 0.6em 0;
/* text-align: left; */
}
.cell-actual a{ /*текст мультимедийных кнопок*/
display: flex;
align-items: center;
color: #000000;
padding: 0.36em;
border: 1px solid #000000; /*Рамка кнопки*/
border-radius: 4px; /*Радиус закругления у кнопки*/
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5); /*Внутренняя тень подложки для Медиа*/
filter: drop-shadow(0px 0px 3px #000000);
background: #fffefb; /*Цвет кнопки*/
transition: 0.4s; /*Время анимации*/
/* flex: 1; */
/* border: 1px solid black; */ /*Рамка ячейки*/
/* border-radius: 3px 3px 3px 3px; */ /*Радиус закругления рамки*/
/* box-shadow: 0px 0px 4px gray; */ /* Тень от новостной колонки */
/* filter: drop-shadow(0px 0px 7px #fff); */ /*Внешняя тень*/
}
@media screen and (prefers-color-scheme: dark) {
.cell-actual a {
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
filter: drop-shadow(0px 0px 3px #fff); /*Внешняя тень*/
}
}
@media (hover: hover) and (pointer: fine){
.cell-actual a:hover{ /*Цвет кнопок при наведении ОРАНЖЕВЫЙ*/
box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); /*Тень при наведении*/
filter: drop-shadow(0px 0px 1px #000000);
}
}
.cell-actual p{ /*весь текст в блоке .actual*/
text-align: left;
position: relative;
bottom: 0.1em;
flex: 3;
font-size: 0.9em;
max-height: 3.6em;
margin-left: 1em;
margin-right: 2em;
overflow: hidden;
}
.img_wraper{ /*Контейнер для картинки в блоке .actual*/
filter: drop-shadow(0px 0px 1px #000); /*Внешняя тень*/
justify-content: center; /*То что не по всей ширине - по центру окна*/
display:flex; /*Чтобы работало центрирование*/
height: 3.6em; /*Высота контейнера для картинки, в котором она центрируется*/
width: 5em; /*Ширина контейнера для картинки, в котором она центрируется*/
/* align-items: center; */ /*и вертикали*/
}
.img_wraper img{ /*Картинка в блоке .actual*/
object-fit: contain; /*Вмещать картинку полностью*/
max-height: 100%; /*Ограничение картинки по высоте*/
max-width: 100%; /*Ограничение картинки по ширине*/
border: 0px solid #000000; /*Рамка кнопки*/
border-radius: 3px; /*Радиус закругления у кнопки*/
}
@media (max-width: 32rem){ /*Для отбражения на самых малых экранах*/
.cell-actual{
min-width: auto;
}
.cell-actual p{
font-size: 0.9em;
max-height: none;
margin: 1em 1em 0 0.4em;
text-align: center;
}
.cell-actual a{
flex-direction: column;
padding: 0.8em 1em;
}
.img_wraper{
height: auto;
width: 90%;
}
}
/* COLUMN-NEWS */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.cell-news{ /*мультимедийные кнопки сайта (кроме кнопок меню). позволяют создавать кнопки со смешанным содержимым*/
flex: 1 1 calc(100% / 5);
margin: 0 0 1rem 0;
/*margin: 0rem 0.5rem 1rem 0.5rem;*/
/* text-align: left; */
}
.cell-news a{ /*текст мультимедийных кнопок*/
/* height: 29rem; */
flex-direction: column;
display: flex;
align-items: center;
color: #000000;
padding: 1em;
border: 1px solid #000000; /*Рамка кнопки*/
border-radius: 4px; /*Радиус закругления у кнопки*/
/* box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.5); */ /*Внутренняя тень подложки для Медиа*/
filter: drop-shadow(0px 0px 3px #000000);
background: #fffefb; /*Цвет кнопки*/
transition: 0.4s; /*Время анимации*/
overflow: hidden;
/* flex: 1; */
/* border: 1px solid black; */ /*Рамка ячейки*/
/* border-radius: 3px 3px 3px 3px; */ /*Радиус закругления рамки*/
/* box-shadow: 0px 0px 4px gray; */ /* Тень от новостной колонки */
/* filter: drop-shadow(0px 0px 7px #fff); */ /*Внешняя тень*/
}
.cell-news p{ /*весь текст в блоке .actual*/
text-align: left; /*Выравнивание сносок в статье по левому краю*/
margin: 1rem 0 1rem 0; /* text-indent: 0.5em; */
width: 96%; /*Ширина контейнера для картинки, в котором она центрируется*/
font-weight: normal;
/* position: relative; */
/* top: 1.5em; */
/* bottom: 0.1em; */
font-size: 1em;
/* max-height: 12em; */
}
.cell-news-img_wraper{ /*Контейнер для картинки в блоке .actual*/
filter: drop-shadow(0px 0px 1px #000); /*Внешняя тень*/
justify-content: center; /*То что не по всей ширине - по центру окна*/
display:flex; /*Чтобы работало центрирование*/
height: 14em; /*Высота контейнера для картинки, в котором она центрируется*/
width: 100%; /*Ширина контейнера для картинки, в котором она центрируется*/
/* align-items: center; */ /*и вертикали*/
}
.cell-news-img_wraper img{ /*Картинка в блоке .actual*/
object-fit: contain; /*Вмещать картинку полностью*/
max-height: 100%; /*Ограничение картинки по высоте*/
max-width: 100%; /*Ограничение картинки по ширине*/
border: 0px solid #000000; /*Рамка кнопки*/
border-radius: 3px; /*Радиус закругления у кнопки*/
}
@media screen and (prefers-color-scheme: dark) {
.cell-news a {
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
filter: drop-shadow(0px 0px 3px #fff); /*Внешняя тень*/
}
}
@media (hover: hover) and (pointer: fine){
.cell-news a:hover{ /*Цвет кнопок при наведении ОРАНЖЕВЫЙ*/
/* box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); */ /*Тень при наведении*/
/* filter: drop-shadow(0px 0px 1px #000000); */
}
}
@media (max-width: 32rem){ /*Для отбражения на самых малых экранах*/
.cell-news{
min-width: auto;
}
.cell-news p{
font-size: 0.9em;
max-height: none;
margin: 1em 1em 0 0.4em;
text-align: center;
}
.cell-news a{
flex-direction: column;
padding: 0.8em 1em;
}
.cell-news-img_wraper{
/* height: auto; */
width: 90%;
}
}
/* ARTICLE */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.article{ /*Колонка для статей*/
background: #ffffff; /*Белый фон*/
border: 1px solid; /*Рамка*/
border-radius: 4px; /*Радиус закругления рамки*/
box-shadow: 0px 0px 0.5rem black; /*Тень от ячейки*/
padding: 0em 10vw 16em 10vw; /*Отступы для содержимого зависят от ширины экрана, шире экран - больше отступы. cверху справа снизу слева*/
font-family: Helvetica, sans-serif, arial, Times; /*Шрифт*/
font-weight: 400; /*Жирность шрифта*/
margin: 0rem 0.5rem 1rem 0.5rem; /*Отступы между ячейками, если не поддерживается GAP*/
}
@media screen and (prefers-color-scheme: dark) {
.article{
background: black;
color: #f2f2f2;
border: 1px solid #eaeaea; /*Рамка ячейки*/
box-shadow: inset 0px 0px 9px 0px rgb(255, 255, 255); /*Внутренняя тень*/
}
}
.article-title{ /*Заголовки в статьях*/
margin: 4em 0em 4em 0em !important; /*Отступы. Сверху справа снизу слева*/
font-size: 2.3rem;
}
.article-subtitle{ /*Подзаголовки в статьях*/
margin: 3em 0 1em 0; /*Отступы. Сверху справа снизу слева*/
text-decoration: underline; /*Подчёркивание*/
font-weight: bold /*Жирный*/
}
.article p{ /*Текст в статье*/
font-size: 1.4rem;
text-align: left;
line-height: 1.5em;
text-indent: 1.5em;
margin: -0.3em 0 1.5em 0; /*Отступы. Сверху справа снизу слева*/
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto; /*позволить браузеру автоматически вставлять дефисы там*/
/* margin-bottom: 40px; */
}
.article b{ /*Тег b выделяет жирным слова в тексте. Без CSS не работает почему-то*/
font-weight: bold;
}
.article i{
text-align: left; /*Выравнивание сносок в статье по левому краю*/
}
.article h2{ /*Параметры h2 заголовков*/
margin: 4em 0 3em 0; /*Отступы. Сверху справа снизу слева*/
}
.article img{ /*Параметры для картинок в статьях*/
border: 0px solid black; /*Рамка*/
border-radius: 5px; /*Радиус закругления рамки*/
margin: 0 0 4em 0; /*Отступы для содержимого. Сверху справа снизу слева*/
filter: drop-shadow(0px 0px 10px #000000); /* Тень */
}
.article iframe { /*Параметры для встроенного видео в статьях*/
width: 80%; /*Ширина*/
aspect-ratio: 16 / 9; /*Соотношение сторон, если поддерживается*/
margin: 3em 0 0 0; /*Отступы для содержимого. Сверху справа снизу слева*/
filter: drop-shadow(0px 0px 10px #000000); /* Тень */
}
.article table{ /*Таблицы в статьях*/
font-size: 1.2rem;
border-collapse: collapse;
border: 2px solid #B22222;
margin: auto;
margin-top: 4vw;
margin-bottom: 4vw;
box-shadow: 0px 0px 0.2em #B22222;
/* overflow-wrap: anywhere; */
}
.article cite{ /* это цитаты и указание источника в конце каждой статьи. У ците должен быть свой размер */
margin-top: 4vw;
font-size: 20px;
}
.article ol{ /*параметры нумерованного списка в статье*/
font-size: 1.4em;
line-height: 1.4em;
text-align: left;
padding-left: 0px; /*нулевое значение нужно для симметрии. Не трогать */
list-style-position: inside; /* Это для циферки, чтобы была слева от текста */
word-break: break-word; /* Перенос длинных строк в списках. Иначе не влазит на маленьких экранах */
margin-bottom: 4em;
}
.article ul{ /*параметры списка с маркерами в статье*/
font-size: 1.4em;
line-height: 1.4em;
text-align: left;
padding-left: 0px; /*нулевое значение нужно для симметрии. Не трогать */
list-style-position: inside; /* Это для маркера, чтобы был слева от текста */
word-break: break-word; /* Перенос длинных строк в списках. Иначе не влазит на маленьких экранах */
margin-bottom: 4em;
}
@media (max-width: 40rem){
.article{
margin: 0rem 0.25rem 1rem 0.25rem; /*Отступы между ячейками, если не поддерживается GAP*/
}
.article p{
font-size: 1.0rem; /*Размер текста статей на малых экранах*/
}
.article h2{
font-size: 1.0rem; /*Размер малых заголовков внутри статьи на малых экранах*/
}
.article img{
width: 100%; /*Картинки по всей ширине на малых экранах*/
filter: drop-shadow(0px 0px 2px);
}
.article table{ /*Таблицы в статьях*/
font-size: 0.8rem;
overflow-wrap: anywhere;
}
.article tr{ /*Таблицы в статьях*/
}
.article ol{
font-size: 1.0rem; /*Размер текста нумерованных списков на малых экранах*/
}
.article ul{
font-size: 1.0rem; /*Размер текста ненумерованных списков на малых экранах*/
}
.article cite{
font-size: 1.0rem; /*Размер текста цитаты на малых экранах*/
}
.section-title p {
font-size: 1.0rem;
}
}
@media (max-width: 76rem){ /* Размер шрифта нумерованных и ненумерованных списков на малых экранах */
.article iframe { /*Параметры для встроенного видео в статьях*/
width: 100%;
}
.article ul{
/* font-size: 1.2em; */
}
.article ol{
/* font-size: 1.2em; */
}
}
/* TAPE */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.tape{ /*"""""""""""""""""""""Параметры георгиевских ленточек в футере""""""""""""""""""""""""""""""""""""""""""*/
height: 0.8em; /*Высота ленточек. Привязана к размеру шрифта родителя "address" через em*/
filter: drop-shadow(0px 0px 1px #000000); /*Тень от ленточек*/
position: relative; /*Позиционирование относительно обычного положения*/
top: 0.1em; /*Сдвиг ленточек вниз*/
}
@media screen and (prefers-color-scheme: dark) {
.tape{
filter: drop-shadow(0px 0px 8px #ffffff); /*Внешняя тень подложки для Медиа*/
}
}
@media (max-width: 360px){
address .tape {display: none;} /*Удаление ленточек на малых экранах*/
address{font-size: 90%;} /*Удаление ленточек на малых экранах*/
}
/* SOCIAL-ICONS */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
.social-icons {
margin-top: 0.25rem;
margin-bottom: 1rem;
padding-left: 0;
}
.social-icons a {
position: relative;
/* background-color: #eee; */
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: background-color .3s ease-in-out;
width: 2.5rem;
height: 2.5rem;
border-radius: .25rem;
}
@media (hover: hover) and (pointer: fine){
.social-icons a:hover {
background-color: #ffa54a;
filter: drop-shadow(0px 0px 4px #ffa54a);
}
}
.social-icons a::before {
content: "";
position: absolute;
width: 1.2rem;
height: 1.2rem;
left: .65rem;
top: .65rem;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.social-icons .social-icon-vk::before {
background-image: url(data:image/png;base64,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);
}
.social-icons .social-icon-telegram::before {
background-image: url(data:image/gif;base64,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);
}
/* СОВЕТЫ ПО CSS */
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* ЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖЖ*/
/* background-color: #FFFFEF;
background-image:
linear-gradient(90deg, transparent 98px, #ED82AD 98px, #ED82AD 100px, transparent 100px),
linear-gradient(#eee 1px, transparent 0px),
linear-gradient(90deg, #eee 1px, transparent 0px);
background-size:100% 100%, 20px 20px, 20px 20px;
background-position: 0 0, -1px -1px, -1px 1px; */
/*
Этот фрагмент кода использует CSS свойство flex для определения размеров элемента в гибком контейнере с использованием Flexbox.
Давайте разберемся с каждой частью значения flex: 0 1 calc((100% / 5) - 5rem);:
flex-grow: 0: Это означает, что элемент не будет увеличиваться по ширине больше своего предпочтительного размера, заданного контентом внутри него.
flex-shrink: 1: Это означает, что элемент может уменьшаться по ширине, если это необходимо, чтобы уместиться в контейнер.
Значение 1 указывает на то, что элемент может уменьшаться по размеру, чтобы соответствовать контейнеру.
flex-basis: calc((100% / 5) - 5rem): Это определяет начальную ширину элемента перед распределением оставшегося пространства.
Здесь используется функция calc, чтобы вычислить значение.
100% / 5 означает, что элемент должен занимать 1/5 ширины контейнера, и затем отнимается 5rem от этого значения.
Итак, это свойство flex говорит о том, что элемент должен быть гибким (может уменьшаться, но не увеличиваться),
начальная ширина должна составлять 1/5 ширины контейнера, но уменьшена на 5rem.
*/
/* Смена режимов @media завязана на режимы переключения отображения колонок через rem. 32, 76, */
/* Максимальная ширина первой колонки , второй колонки 20 rem, третьей 16rem */